.modal{
	position: fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background: rgba(0,0,0,.5);
	display: block;
}

@keyframes zoom{
	from{transform:scale(0);}
	to{transform:scale(1);}
}

.modal .modal-content{
	width:50%;
	height:50%;
	background: white;
	border-radius: 10px;
	margin:100px auto;
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	animation: zoom .6s;
}